.FormWrap {
	border: 1px solid #d2d2d2;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 10px 0px;
}
.FormWrap .FormRow {
	display: inline-block;
	width: 100%;
	clear: both;
	margin: 0px 0px 5px 0px;
}
.FormWrap .LabelStyle {
	width: 163px;
	float: left;
	display: block;
	text-align: left;
	color: #006600;
	font: 12px/30px Tahoma, Arial, sans-serif;
}
.FormWrap .ControlWrap {
	width: 327px;
	float: left;
}
.FormWrap .ControlWrap.RadioWrap {
	padding-top: 5px;
}
.FormWrap .ControlWrap.Short {
	width: auto;
	float: left;
}
.FormWrap .ControlWrap .ErrorMsg {
	margin: 0px;
	padding: 5px 0px 5px 5px;
	font-size: 11px;
	color: #bf0000;
}
.TextBox {
	height: 28px;
	font: 12px/30px Tahoma, Arial, sans-serif;
	color: #555555;
	border-radius: 5px;
	border: 1px solid #006600;
	padding: 0px 0px 0px 10px;
}
.TextBox.Error {
	border: 1px solid #bf0000;
	background: #ffd8d8;
}
.TextBox.Long {
	width: 304px;
}
.TextBox.Medium {
	width: 230px;
}
.TextBox.Short {
	width: 161px;
}
.TextArea {
	width: 304px;
	padding: 0px 0px 0px 10px;
	font: 12px/30px Tahoma, Arial, sans-serif;
	color: #555555;
	border-radius: 5px;
	border: 1px solid #006600;
}
.TextArea.Error {
	border: 1px solid #bf0000;
	background: #ffd8d8;
}
.Button {
	font-weight: bold;
	border: 1px solid #bfff86;
	padding: 5px 20px;
	border-radius: 5px;
	color: #ffffff;
	background: #3aa339; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top, #3aa339 0%, #009900 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3aa339), color-stop(100%,#009900)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3aa339 0%,#009900 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3aa339 0%,#009900 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3aa339 0%,#009900 100%); /* IE10+ */
	background: linear-gradient(to bottom, #3aa339 0%,#009900 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aa339', endColorstr='#009900',GradientType=0 ); /* IE6-8 */
}
.Button:hover {
	background: #009900;
}
/* /////////////// Checkbox n Radio ////////////// */
input.CheckBoxUI, input.RadioUI { 
	position: absolute; 
	left: -1000em; 
}
.CheckBoxStyle { 
	overflow: hidden; 
	float: left; 
	background: url(../images/form-element.png) 0px -120px no-repeat; 
	padding: 0px 0px 0px 26px; 
	font-size: 12px; 
	line-height: 21px; 
	margin: 0 10px 0 0px; color:#333; 
}
.RadioStyle { 
	background: url(../images/form-element.png) 0px -162px no-repeat; 
	overflow: hidden; 
	padding: 0px 0px 0px 26px; 
	font-size: 12px; 
	line-height: 21px; 
	margin: 0 10px 0 0px; 
	color:#333; 
	float: left; 
}
.CheckBoxStyleActive
{ 
	background-position: 0px -141px; 
}

.RadioStyleActive { 
	background-position: 0px -183px; 
}
.CheckBoxStyle.Error, .RadioStyle.Error {
	color: #bf0000;
}
/* Combobox */

/* Specific Css */
/* Horizontal Scrollbar */
.myScrollbarH {
	position: absolute;
	z-index: 100;
	height: 8px;
	bottom: 1px;
	left: 2px;
	right: 7px
}
.myScrollbarH > div {
	position: absolute;
	z-index: 100;
	height: 100%; /* The following is probably what you want to customize */
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#a00), to(#f00));
	background-image: -moz-linear-gradient(top, #f00, #900);
	background-image: -o-linear-gradient(top, #f00, #900);
	border: 1px solid #900;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
	-o-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
}
/* Vertical Scrollbar */
.myScrollbarV {
	position: absolute;
	z-index: 100;
	width: 8px;
	bottom: 7px;
	top: 2px;
	right: 1px
}
.myScrollbarV > div {
	position: absolute;
	z-index: 100;
	width: 100%; /* The following is probably what you want to customize */
	background: -webkit-gradient(linear, 0 0, 100% 0, from(#f00), to(#900));
	background-image: -moz-linear-gradient(top, #f00, #900);
	background-image: -o-linear-gradient(top, #f00, #900);
	border: 1px solid #900;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
	-o-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
	background: #3e4043;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}
.jspVerticalBar *, .jspHorizontalBar * {
	margin: 0;
	padding: 0;
}
.jspCapBottom {
	background-position: left -4px;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	background: #5ccc5c;
	position: relative;
	z-index: 1;
}
.jspDrag {
	background: #006600;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 10;
}
.jspDrag .jspDragTop, .jspDrag .jspDragBottom {
	width: 8px;
	height: 4px;
	position: absolute;
	left: 0px;
	top: -4px;
}
.jspDrag .jspDragTop {
}
.jspDrag .jspDragBottom {
	background-position: left -14px !important;
	top: auto;
	bottom: -4px;
}
.jspHover {
	background: #bf0000;
}
.jspHover .jspDragTop {
	background-position: left -19px !important;
}
.jspHover .jspDragBottom {
	background-position: left -23px !important;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Customize */
/* DO NOT REMOVE or CHANGE */
div.DropListUI {/*Wrap all*/
	position: relative;
}
div.TopLevel {/* move the active SelectUI to top */
	z-index: 1000000 !important;
}
.SelectUITitle {
	display: none !important;
}
select.SelectUI {
	font-size: 1.2em;
}
.Multiple {
	height: auto !important;
}
/* end of. DO NOT REMOVE or CHANGE */

/* Theme */
div.ThemeComboBox div.DropListUIContainer {/*Wrap UL*/
	border: none;
}
.DropListInput {
	position: absolute;
	left: 1px;
	top: 1px;
	float: left;
	font-size: 14px;
	width: 184px;
	height: 26px;
	padding: 0px;
	margin: 0px 0px 0px 8px;
	border: 0px none;
}
div.ThemeComboBox p {
	margin: 0px 0 0 0 !important;
	cursor: pointer;
	overflow: hidden !important;
	white-space: nowrap;
	font: 12px/30px Tahoma, Arial, sans-serif;
	color: #555555;
	padding: 0px 0px 0px 10px;
	height: 30px;
}
div.ThemeComboBox .Arrow {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 28px;
	height: 28px;
	cursor: pointer;
}
div.ThemeComboBox ul.ThemeComboBox {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
div.ThemeComboBox ul.ThemeComboBox li {
	width: 100%;
	padding: 0;
	font: 12px/30px Tahoma, Arial, sans-serif;
	color: #555555;
}
div.ThemeComboBox ul.ThemeComboBox li.First {
	border-top: none !important;
}
div.ThemeComboBox ul.ThemeComboBox li span {
	font-size: 1em;
	font-weight: bolder;
	font-style: italic;
	display: block;
	cursor: default;
}
div.ThemeComboBox ul.ThemeComboBox li a:link, div.ThemeComboBox ul.ThemeComboBox li a:visited {
	display: block;
	font-size: 1em;
	line-height: 18px;
	text-decoration: none;
}
div.ThemeComboBox ul.ThemeComboBox li ul {
	border: none;
}
div.ThemeComboBox ul.ThemeComboBox li ul li {
	font-size: 1em;
}
div.ThemeComboBox {
	height: 30px;
	background-image: url(../images/form-element.png);
	background-repeat: no-repeat;
	float: left;
}
/* end. Theme */

/* Theme customize */
div.ThemeLong {/*Wrap all*/
	width: 316px;
	background-position: top left;
}
.Error div.ThemeLong { /* Error Style */
	background-position: -316px top;
}

div.ThemeLong .ScrollWrap {
	width: 316px;
	max-height: 210px;
	border: 1px solid #006600;
	border-radius: 5px;
}
div.ThemeLong div.DropListUIContainerUp .ScrollWrap {
	border-top: 1px solid #006600;
	border-bottom: none;
}
div.ThemeLong .MultipleContainer .ScrollWrap {
	border-bottom: 1px solid #006600;
	border-top: 1px solid #006600;
}
div.ThemeLong p {
	width: 316px;
}
/* UL */
div.ThemeLong ul.ThemeLong {
	width: 316px;
	background-color: #c4f0a4;
	border-radius: 5px;
}
div.ThemeLong ul.ThemeLong li {
	border-top: 1px dotted #006600;
}
/* Use for optgroup name */
div.ThemeLong ul.ThemeLong li span {
	padding: 3px 0 3px 4px;
}
/*Normal*/
div.ThemeLong ul.ThemeLong li a:link, div.ThemeLong ul.ThemeLong li a:visited {
	width: 311px;
	color: #333333;
	padding: 2px 0px 0px 5px;
}
/*Hover*/
div.ThemeLong ul.ThemeLong li.Hover a:link, div.ThemeLong ul.ThemeLong li.Hover a:visited {
	text-decoration: none;
	background: url(../images/widget-hover-bg.png) top left;
	background: rgba(18, 164, 18, 0.2);
	color: #323232;
}
/*Active*/
div.ThemeLong ul.ThemeLong li.Active a:link, div.ThemeLong ul.ThemeLong li.Active a:visited {
	text-decoration: none;
	background: #006600;
	color: #ffffff;
	font-weight: bold;
}
/*level 2 - in case has optgroup*/
div.ThemeLong ul.ThemeLong li ul li a:link, div.ThemeLong ul.ThemeLong li ul li a:visited {
	width: 200px;
	padding: 3px 0px 5px 15px;
	font-weight: normal;
}
/* end: Theme customize */

/* Theme customize */
div.ThemeMedium {/*Wrap all*/
	width: 242px;
	background-position: 0px -30px;
}
.Error div.ThemeMedium {
	background-position: -242px -30px;
}
div.ThemeMedium .ScrollWrap {
	width: 242px;
	max-height: 210px;
	border: 1px solid #006600;
	border-radius: 5px;
}
div.ThemeMedium div.DropListUIContainerUp .ScrollWrap {
	border-top: 1px solid #006600;
	border-bottom: none;
}
div.ThemeMedium .MultipleContainer .ScrollWrap {
	border-bottom: 1px solid #006600;
	border-top: 1px solid #006600;
}
div.ThemeMedium p {
	width: 242px;
}
/* UL */
div.ThemeMedium ul.ThemeMedium {
	width: 242px;
	background-color: #c4f0a4;
}
div.ThemeMedium ul.ThemeMedium li {
	border-top: 1px dotted #006600;
}
/* Use for optgroup name */
div.ThemeMedium ul.ThemeMedium li span {
	padding: 3px 0 3px 4px;
}
/*Normal*/
div.ThemeMedium ul.ThemeMedium li a:link, div.ThemeMedium ul.ThemeMedium li a:visited {
	width: 237px;
	color: #333333;
	padding: 2px 0px 0px 5px;
}
/*Hover*/
div.ThemeMedium ul.ThemeMedium li.Hover a:link, div.ThemeMedium ul.ThemeMedium li.Hover a:visited {
	text-decoration: none;
	background: url(../images/widget-hover-bg.png) top left;
	background: rgba(18, 164, 18, 0.2);
	color: #323232;
}
/*Active*/
div.ThemeMedium ul.ThemeMedium li.Active a:link, div.ThemeMedium ul.ThemeMedium li.Active a:visited {
	text-decoration: none;
	background: #006600;
	color: #ffffff;
	font-weight: bold;
}
/*level 2 - in case has optgroup*/
div.ThemeMedium ul.ThemeMedium li ul li a:link, div.ThemeMedium ul.ThemeMedium li ul li a:visited {
	width: 200px;
	padding: 3px 0px 5px 15px;
	font-weight: normal;
}
/* end: Theme customize */

/* Theme customize */
div.ThemeShort {/*Wrap all*/
	width: 173px;
	background-position: 0px -60px;
}
.Error div.ThemeShort {
	background-position: -173px -60px;
}
div.ThemeShort .ScrollWrap {
	width: 173px;
	max-height: 210px;
	border: 1px solid #006600;
	border-radius: 5px;
}
div.ThemeShort div.DropListUIContainerUp .ScrollWrap {
	border-top: 1px solid #006600;
	border-bottom: none;
}
div.ThemeShort .MultipleContainer .ScrollWrap {
	border-bottom: 1px solid #006600;
	border-top: 1px solid #006600;
}
div.ThemeShort p {
	width: 173px;
}
/* UL */
div.ThemeShort ul.ThemeShort {
	width: 173px;
	background-color: #c4f0a4;
}
div.ThemeShort ul.ThemeShort li {
	border-top: 1px dotted #006600;
}
/* Use for optgroup name */
div.ThemeShort ul.ThemeShort li span {
	padding: 3px 0 3px 4px;
}
/*Normal*/
div.ThemeShort ul.ThemeShort li a:link, div.ThemeShort ul.ThemeShort li a:visited {
	width: 168px;
	color: #333333;
	padding: 2px 0px 0px 5px;
}
/*Hover*/
div.ThemeShort ul.ThemeShort li.Hover a:link, div.ThemeShort ul.ThemeShort li.Hover a:visited {
	text-decoration: none;
	background: url(../images/widget-hover-bg.png) top left;
	background: rgba(18, 164, 18, 0.2);
	color: #323232;
}
/*Active*/
div.ThemeShort ul.ThemeShort li.Active a:link, div.ThemeShort ul.ThemeShort li.Active a:visited {
	text-decoration: none;
	background: #006600;
	color: #ffffff;
	font-weight: bold;
}
/*level 2 - in case has optgroup*/
div.ThemeShort ul.ThemeShort li ul li a:link, div.ThemeShort ul.ThemeShort li ul li a:visited {
	width: 200px;
	padding: 3px 0px 5px 15px;
	font-weight: normal;
}
/* end: Theme customize */

/* Theme customize */
div.ThemeShorter {/*Wrap all*/
	width: 86px;
	background-position: 0px -90px;
	margin-right: 10px;
}
.Error div.ThemeShorter {
	background-position: -86px -90px;
}
div.ThemeShorter .ScrollWrap {
	width: 86px;
	max-height: 210px;
	border: 1px solid #006600;
	border-radius: 5px;
}
div.ThemeShorter div.DropListUIContainerUp .ScrollWrap {
	border-top: 1px solid #006600;
	border-bottom: none;
}
div.ThemeShorter .MultipleContainer .ScrollWrap {
	border-bottom: 1px solid #006600;
	border-top: 1px solid #006600;
}
div.ThemeShorter p {
	width: 86px;
}
/* UL */
div.ThemeShorter ul.ThemeShorter {
	width: 86px;
	background-color: #c4f0a4;
	border-radius: 5px;
}
div.ThemeShorter ul.ThemeShorter li {
	border-top: 1px dotted #006600;
}
/* Use for optgroup name */
div.ThemeShorter ul.ThemeShorter li span {
	padding: 3px 0 3px 4px;
}
/*Normal*/
div.ThemeShorter ul.ThemeShorter li a:link, div.ThemeShorter ul.ThemeShorter li a:visited {
	width: 81px;
	color: #333333;
	padding: 2px 0px 0px 5px;
}
/*Hover*/
div.ThemeShorter ul.ThemeShorter li.Hover a:link, div.ThemeShorter ul.ThemeShorter li.Hover a:visited {
	text-decoration: none;
	background: url(../images/widget-hover-bg.png) top left;
	background: rgba(18, 164, 18, 0.2);
	color: #323232;
}
/*Active*/
div.ThemeShorter ul.ThemeShorter li.Active a:link, div.ThemeShorter ul.ThemeShorter li.Active a:visited {
	text-decoration: none;
	background: #006600;
	color: #ffffff;
	font-weight: bold;
}
/*level 2 - in case has optgroup*/
div.ThemeShorter ul.ThemeShorter li ul li a:link, div.ThemeShorter ul.ThemeShorter li ul li a:visited {
	width: 200px;
	padding: 3px 0px 5px 15px;
	font-weight: normal;
}
/* end: Theme customize */

/* Table style */

table.MyTable {
	display: block;
	margin: 10px auto 0px auto;
	font-size: 12px;
	color: #000000;
	width: 100%;
}

.MyTable td, .MyTable th {
	border: 1px solid #006600;
	padding: 7px 10px 7px 10px;
	vertical-align: middle;
}
.MyTable td {

}
.MyTable th {
	font-weight: bold;
	color: #006600;
}